<template>
  <div class="ecology-item box opacity flex flex-cc click" @click="openUrl">
    <!-- 封面 -->
    <div class="flex-fs-0 mr-10">
      <van-image class="cover radius radius--lg" :src="v.logoimage"></van-image>
    </div>

    <!-- 数据 -->
    <div>
      <div class="fz-14">{{ v.name }}</div>
      <div class="fz-12 mt-5 mb-5">
        <span>支持代币：</span>
        <span>{{ v.tokens }}</span>
      </div>
      <div style="font-size: 8px;">
        {{ v.description }}
      </div>
    </div>
  </div>
</template>

<script setup>
const props = defineProps(['v'])

function openUrl() {
  window.open(props.v.url)
}
</script>

<style lang="scss" scoped>
.ecology-item {
  .cover {
    width: 100px;
    height: 100px;
  }
}
</style>
